<div id="contenedor" class="container">  
    <div class="row-fluid">
        <div class="row-fluid">
            <ul  class="span12 breadcrumb alingCenter">
                <li><b>Costos</b></li>
            </ul>
        </div>
    </div>

    <div class="row-fluid">

        <a href="#modalCostos" class="btn btn-primary" id="nuevo-proveedor" type="button" data-toggle="modal">Agregar nuevo</a>
        <br><br/>



        <div>
            <table class="table table-striped">
                <thead>
                    <tr>
                        <td><center><strong>Nombre</strong></center></td>
                <td><center><strong>Descripción</center></strong></td>
                <td><center><strong>Eliminar</center></strong></td>                        
                </tr>    
                </thead>  

                <tbody>



                    <?php foreach ($costos as $costo) : ?>
                        <tr>
                            <td><center><?php echo $costo->nombre; ?> </center></td>
                    <td><center><?php echo $costo->descripcion ?></center></td>
                    <td>
                    <center> 
                        <form method="post" action="costos/eliminarCosto"> 
                            <input type="hidden" name="id-costo" value="<?php echo $costo->id_costo; ?>">
                            <button  class='btn btn-link' type='submit'><i class='icon-remove icon-black'></i></button>                            
                        </form>
                    </center>
                    </td>             
                    </tr>
                <?php endforeach; ?>



                </tbody>    


            </table>   
        </div>

    </div>

</div>  


<!--MODAL PARA AGREGAR NUEVOS COSTOS-->

<div id="modalCostos" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="alingCenter" >Costos</h4>
    </div>
    <div class="modal-body">
        <div class="row-fluid">

        </div> 
        <div id="div-personas">
            <form id="form-proveedores" action="costos/nuevoCosto" method="post">               
                <div class="row-fluid">                    
                    <div class="span12">
                        <div class="row-fluid"> 
                            <div class="span5">
                                <label class="pull-right">Nombre:</label>
                            </div>
                            <div class="span7">
                                <input id="proveedor-nombre" type="text" name="nombre" required>
                            </div>
                        </div>

                        <div class="row-fluid"> 
                            <div class="span5">
                                <label class="pull-right">Descripción:</label>
                            </div>
                            <div class="span7">
                                <input id="proveedor-telefono" type="text" name="descripcion" required>
                            </div>
                        </div>


                    </div>


                </div>
                <div class="modal-footer">
                    <button class="btn" data-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-inverse" id="proveedor-submit">Enviar</button>
                </div>
            </form>
        </div>  
    </div>
</div>


